﻿@charset "utf-8";
a{color:#ff3a00;}
a:hover{color:#ff3a00;}
.clrfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clrfix { zoom:1;}
.mg-auto{ margin:0 auto;}
/*display*/
.hide{ display:none;}
.show{ display:block;}
.v-h{visibility:hidden;}
.v-s{visibility:visible;} 
.c-08c{color:#08c;}
.c-red{color:#f00;} 
/*text-align*/ 
.ta-r{ text-align:right;}
.ta-c{ text-align:center;}
.ta-l{ text-align:left;}

/*position*/
.p-rel{ position:relative;}
.p-abs{ position:absolute;}

/*left*/
.lf-10{ left:10px;}
.lf-50{ left:50px;}

/*right*/
.rg-10{ right:10px;}

/*top*/
.top5{ top:5px;}
.top8{ top:8px;}
.top10{ top:10px;}
.top12{ top:12px;}

/*float*/
.f-l{ float:left;}
.f-r{ float:right;}
.f-n{ float:none;}
/*width*/
.w30{ width:30px;}
.w100{ width:100px;}
.w130{ width:130px;}
.w150{ width:150px;}
.w170{ width:170px;}
.w200{ width:200px;}
.w222{ width:222px;}
.w230{ width:230px;}
.w240{ width:240px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w320{ width:320px;}
.w330{ width:330px;}
.w360{ width:360px;}
.w380{ width:380px;}
.w500{ width:500px;}
.w580{ width:580px;}
.w640{ width:640px;}
.w722{ width:722px;}
.w850{ width:850px;}
.w1000{ width:1000px;}

/*height*/
.h27{ height:27px;}
.h28{ height:28px;}
.h30{ height:30px;}
.h40{ height:40px;}

/*line-height*/
.lh-20{ line-height:20px;}
.lh-30{ line-height:30px;}
.lh-40{ line-height:40px;}

/*form*/
.textarea{border:1px solid #dfdfdf; padding:10px; vertical-align:middle;}
.input-file{ position:absolute;top:0;left:-160px; height:30px;filter:alpha(opacity:0); opacity:0; width:240px;}
.input-text{ border:1px solid #dfdfdf;height:20px; outline:none; padding:10px;}
.input-text-h30{border:1px solid #dfdfdf;height:20px;outline:none; padding:5px 10px; vertical-align: middle;}
.input-text-focus{border:1px solid #fc9b09}
.select{ border:1px solid #dfdfdf;height:30px;}
.control-group{ margin:20px 0;}
.form-horizontal .control-label{ float:left; width:180px; height:30px; line-height:30px; text-align:right; margin-right:10px;}
.form-horizontal .controls{ position:relative;float:left; line-height:30px;}
.form-horizontal .placeholder{ position:absolute;color:#ccc;}
.form-horizontal .error .input-text,.form-horizontal .error .input-event{ border:1px solid #f00;color:#f00;}
.form-horizontal .required{color:#f00;}

/*background*/
.bg-gray{ background:#f8f8f8;}

/*paging*/
.paging{ color:#666; text-align:right; margin:10px 0;}
.paging span{ border:1px solid #e8e8e8; height:30px; line-height:30px; display:inline-block; padding:0 12px; margin-left:5px; cursor:pointer; background:#fff;}
.paging .cur{ background:#f5f5f5; cursor:default; color:#f7681f;}
.paging .ellipsis{ border:none; background:none; padding:0;}

/*vertical-align*/
.va-m{ vertical-align:middle;}
.va-t{ vertical-align:top;}
.va-b{ vertical-align:bottom;}

/*font-size*/
.fz-14{font-size:14px;}
.fz-13{font-size:13px;}

/*layer*/
.layer-bg{position: fixed;_position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;filter: alpha(opacity=40);opacity: 0.4;z-index: 9;}
.layer-wrap{border:3px solid #798196;background:#fff; width:540px; position:fixed;_position:absolute;top:100px;left:50%; z-index:10;filter: alpha(opacity=100);opacity: 1;_top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-150 :document.body.scrollTop+document.body.clientHeight-this.clientHeight-150)); font-size:14px; color:#666; margin-left:-270px;}
.layer-title{position:relative;}
.layer-title .title{font-weight: bold;background:#f5f5f5;height: 42px;padding:0 10px;margin: 0;line-height: 42px;font-size: 16px;display: block;color: #787F96;border-bottom: 1px solid #ccc;}
.layer-wrap .icon-close{ position:absolute;top:16px;right:16px; cursor:pointer;}
.layer-con{ padding:10px; min-height:120px; _height:120px; overflow:visible;}

/*margin*/
.mt-5{ margin-top:5px;}
.mt-10{ margin-top:10px;}
.mt-20{ margin-top:20px;}
.ml-10{ margin-left:10px;}

/*conents*/
.contents{ padding:20px;}
.con-tit{background: #f8f8f8;padding: 10px 20px;border: 1px solid #eee;font-size:20px; font-weight:bold;}
.control-pannel label{float:left;width:150px; text-align:right;height:32px; line-height:32px;}
.control-pannel .input-text-h30{ float:left;}

.table td{word-break:break-all;}

.optd a{padding:0 5px;text-decoration:underline;}
.cur-p{cursor:pointer;}

.form-horizontal .form-control-feedback{right:30px;top:0px;}
.form-control-text{padding-top:12px;}

.orderby-icons-s{background-image:url("/static/img/orderby-icons.png");background-repeat:no-repeat;padding-left:10px;position:relative;top:3px;background-position:0 0;}
.orderby-icons-s.orderby-desc{background-position:-17px 0;}
.orderby-icons-s.orderby-asc{background-position:-27px 0;}

.orderby-icons{background-image:url("/static/img/orderby-icons.png");background-repeat:no-repeat;padding-left:10px;position:relative;top:3px;background-position:-55px 0;}
.orderby-icons.orderby-desc{background-position:-46px 0;}
.orderby-icons.orderby-asc{background-position:-35px 0;}

.quick-links a{padding-right:8px;line-height:28px;}

/*layer*/
.layer-bg{position: fixed;width: 100%;height: 100%;background: #000;top: 0;left: 0;filter: alpha(opacity=50);opacity: 0.5;z-index: 9;}
.layer-con{ background:#eee; width:360px; position:fixed;_position:absolute;top:120px;left:50%; margin-left:-180px; z-index:10;filter: alpha(opacity=100);opacity: 1; text-align:center;_top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-100 :document.body.scrollTop+document.body.clientHeight-this.clientHeight-100));}
.layer-con-w490{ width:490px; margin-left:-245px; background:#fff; border:1px solid #ff7000;}
.layer-title{position:relative;}
.layer-con .title{ color:#fff; font-weight:bold; background:#ff5000; height:40px;padding:0;margin:0; line-height:40px; font-size:16px; display:block;}
.layer-con-w490 .title{background:#ff7000;}
.layer-con .con-wrap{ padding:10px;}
.layer-con .icons-close{ position:absolute; width:11px; height:11px;top:5px;right:10px; font-size:140%;cursor:pointer; }
.layer-con-w490 .icons-close{  width:16px; height:16px;top:12px;right:10px;}
.layer-con.layer-big{width:600px;margin-left:-300px;}

.cus-table .col-xs-1{width:11%;margin:0;padding:0;}
.cus-table .cus-row{}
.cus-table .cus-row .cus-col{height:35px;line-height:35px;border-bottom:1px solid #ccc;}
.row.simu-company-box{height:150px;margin-left:0;}
.simu-company-search{border-bottom:1px solid #ccc;height:25px;color:#777;}
.simu-company-search input{width:100%;}
.simu-company-box .col-sm-6{border:1px solid #ccc;height:150px;}
.simu-company-box ul{overflow-y:scroll;height:120px;overflow-x:hidden;}
.simu-company-box li{height:24px;line-height:24px;cursor:pointer;border-bottom:1px solid #eee;overflow-x:hidden;}
.simu-company-box li:hover{background-color:#efefef;}


.breadcrumb .op-bc{float:right;cursor:pointer;}
.breadcrumb .op-bc>div{border:1px solid #ddd;background-color:#cee;padding:3px;border-radius:3px;}


.million-product-list{position:absolute;left:15px;z-index:20;border:1px solid #ccc;background-color:white;padding-left:10px;}
.million-product-list li{height:23px;line-height:23px;cursor:pointer;overflow-x:hidden;}
.million-product-list li:hover{border-bottom:1px solid #ccc;}

.form-group .unit{position:absolute;right:20px;top:10px;color:#999}

.wx-icon{width:12px;height:12px;background-image:url("/static/img/wx-icon.png");background-repeat:no-repeat;background-size:100%;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:8px 3px;}
.search-box{padding:3px;background-color:#eee;border-radius:3px;margin-bottom:10px;}
.search-box .form-group{padding:3px 1px;}
.breadcrumb{margin-bottom:10px;}

.product-tabs iframe{width:100%;height:700px;border:0;}
/*.product-tabs iframe{width:100%;height:430px;border:0;}*/
.product-tabs .nav-tabs a{cursor:pointer;}

.cert-img-box{width:300px;}
.cert-img-box img{max-width:100%;display:block;}
.new-error-css{
	  border-color: #a94442;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
